@charset "utf-8";

/* html5reset.cssからの追加リセット */
/* nav要素の子しかリセットしないため */
ul {
    list-style:none;
}


/*
■ユーザフォント環境の考え方
最も古い環境「XP,IE6,メイリオなし」とし、英文はVerdana、和文はＭＳ Ｐゴシック

■フォントの優先順位
Macintosh > Windows			(シェアが理由)
英文 > 和文					(英文といっても数の読みやすさ)
※メイリオの数 > 英文		(メイリオの数は見やすい)
メイリオ > ＭＳ Ｐゴシック	(新しいOSフォントに対応していく)
*/
body {
	line-height: 1.5;
	font-family:
	/* Macintosh */
	"Courier New",					/* 英文 */
	"Hiragino Kaku Gothic Pro",		/* 和文 */
	"ヒラギノ角ゴ Pro W3",
	/* Windows   */
	Meiryo,							/* 和文 */
	"メイリオ",
	"MS P Gothic",					/* 和文 旧Windows */
	"ＭＳ Ｐゴシック",
	sans-serif
}

/*
 *  brタグを複数回挿入したときのieとfirefoxの違い
 *  FireFox　brを入れた個数だけ改行されるが、
 *  IEでは詰まってしまい改行されない。
 *  IEのバグらしく、２個以上の連続したBRタグは無視するとのこと。
 *  対処方法brタグのスタイルに 「letter-spacing:0」 を適用する。
 */
br {
	letter-spacing: 0;
}


/* clearfixハック */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix {zoom:1;}

